import styled from 'styled-components'
import img from '@img/all.png'

export const StyledWrap = styled.div`
	padding: 10px 20px;
	.content {
		display: flex;
		justify-content: space-between;
		.view {
			width: 520px;
			.mode-wrap {
				display: flex;
				align-items: center;
				padding-bottom: 15px;
				.label {
					width: 88px;
				}
			}
			.dynamic-view {
				width: 100%;
				height: 300px;
				line-height: 300px;
				text-align: center;
				margin-top: 58px;
				font-size: 14px;
				color: #4e4e4e;
				border: 1px dashed #bababa;
			}
		}
	}
	.bottom {
		display: flex;
		justify-content: space-between;
		margin-top: 10px;
		.left-wrap {
			display: flex;
			justify-content: space-between;
			width: 520px;
			.tip {
				color: #ccc;
				text-align: right;
				flex: 1;
				.icon {
					display: inline-block;
					height: 21px;
					width: 21px;
					background-image: url(${img});
					background-position: 0px -558px;
					margin-right: 10px;
					vertical-align: top;
				}
			}
		}
		.right-wrap {
		}
	}
`
